www.gusucode.com > wxApp PHP版微信小程序CMS系统 v1.0PHP源码程序 > wxApp PHP版微信小程序CMS系统 v1.0/wxAppCMS_v1.0.0/wxAppCMS_v1.0.0/install/install.css
/* Add additional stylesheets below -------------------------------------------------- */ /* Bootstrap's documentation styles Special styles for presenting Bootstrap's documentation and examples */ /* Body and structure -------------------------------------------------- */ body { position: relative; } body { font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; } /* Code in headings */ h3 code { font-size: 14px; font-weight: normal; } /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ body > .navbar { font-size: 14px; } /* Change the docs' brand */ body > .navbar .brand { padding: 0px; padding-top: 4px; margin-left: 20px; float: right; font-weight: bold; color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } body > .navbar .brand:hover { text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .4); } /* Sections -------------------------------------------------- */ /* padding for in-page bookmarks and fixed navbar */ section { padding-top: 30px; } section > .page-header, section > .lead { color: #5a5a5a; } section > ul li { margin-bottom: 5px; } /* Separators (hr) */ .separator { margin: 40px 0 39px; } .social { padding: 15px 0; text-align: center; background-color: #F5F5F5; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; } /* Faded out hr */ hr.soften { height: 1px; margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); border: 0; } /* Jumbotrons -------------------------------------------------- */ /* Base class ------------------------- */ .mt60{margin-top: 60px;} h1 { font-size: 40px; font-weight: bold; letter-spacing: -1px; line-height: 1; } .jumbotron { position: relative; padding: 40px 0; color: #fff; text-align: center; background: url(./img/galaxy.jpg) repeat center center; text-shadow: 0 3px 4px rgba(0, 0, 0, .5), 0 0 30px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); } .jumbotron h1 { font-size: 80px; font-weight: bold; letter-spacing: -1px; line-height: 1; } .jumbotron p { font-size: 24px; font-weight: 300; line-height: 1.25; margin-bottom: 30px; margin-top: 20px; } /* Link styles (used on .masthead-links as well) */ .jumbotron a { color: #fff; color: rgba(255, 255, 255, .5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .jumbotron a:hover { color: #fff; text-shadow: 0 0 10px rgba(255, 255, 255, .25); } /* Download button */ .masthead .btn { padding: 19px 24px; font-size: 24px; font-weight: 200; color: #fff; /* redeclare to override the `.jumbotron a` */ border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -webkit-transition: none; -moz-transition: none; transition: none; } .masthead .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); } /* Pattern overlay ------------------------- */ .jumbotron .container { position: relative; z-index: 2; } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1) { .jumbotron:after { background-size: 150px 150px; } } /* Masthead (docs home) ------------------------- */ .masthead { padding: 70px 0 80px; margin-bottom: 0; color: #fff; } .masthead h1 {font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;font-size: 120px; line-height: 1; letter-spacing: -2px; } .masthead p { font-size: 40px; font-weight: 200; line-height: 1.25; } /* Textual links in masthead */ .masthead-links { margin: 0; list-style: none; } .masthead-links li { display: inline; padding: 0 10px; color: rgba(255, 255, 255, .25); } /* Marketing section of Overview -------------------------------------------------- */ .marketing { text-align: center; color: #5a5a5a; } .marketing h1 { margin-bottom: 10px; font-size: 60px; font-weight: 200; line-height: 1; letter-spacing: -1px; } .marketing h2 { font-weight: 200; margin-bottom: 5px; font-size: 32px; } .marketing p { font-size: 16px; line-height: 1.5; text-align: left;} .marketing .marketing-byline { margin-bottom: 40px; font-size: 20px; font-weight: 300; line-height: 1.25; color: #999; text-align: center;} .marketing-img { display: block; margin: 0 auto 30px; max-height: 145px; } .form-actions { text-align: center; } .form-horizontal .form-actions{padding-left:0px;} .well ul, .well ol { list-style-type: disc; padding-left: 2em; } .well li { line-height: 1.6; } .well h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #EEE; text-align: center; } .well .chk { font-size: 16px; } .well p { margin-top: 0; margin-bottom: 16px; } .well h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #E5E5E5; margin-top: 1em; margin-bottom: 16px; font-weight: bold; } .well h3 { font-size: 1.5em; line-height: 1.43; margin-top: 1em; margin-bottom: 16px; font-weight: bold; } .well .controls input { height: 30px; line-height: 30px; font-size: 14px; } .license { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; } /* Footer -------------------------------------------------- */ .footer { text-align: center; padding: 30px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5; } .footer p { margin-bottom: 0; color: #777; } .footer-links { margin: 10px 0; } .footer-links li { display: inline; padding: 0 2px; } .footer-links li:first-child { padding-left: 0; } /* Responsive -------------------------------------------------- */ /* Desktop large ------------------------- */ @media (min-width:1200px) { } /* Desktop ------------------------- */ @media (max-width:980px) { /* Unfloat brand */ body > .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; padding-right: 10px; } } /* Tablet to desktop ------------------------- */ @media (min-width:768px) and (max-width:979px) { /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { margin-top: -20px; /* Offset bottom margin on .navbar */ } } /* Tablet ------------------------- */ @media (max-width:767px) { /* Remove any padding from the body */ body { padding-top: 0; } /* Widen masthead and social buttons to fill body padding */ .jumbotron { padding: 40px 20px; margin-top: -20px; /* Offset bottom margin on .navbar */ margin-right: -20px; margin-left: -20px; } .masthead h1 { font-size: 90px; } .masthead p, .masthead .btn { font-size: 24px; } .marketing .span4 { margin-bottom: 40px; } .footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .footer p { margin-bottom: 9px; } } /* Landscape phones ------------------------- */ @media (max-width:480px) { /* Remove padding above jumbotron */ body { padding-top: 0; } /* Change up some type stuff */ h2 small { display: block; } /* Downsize the jumbotrons */ .jumbotron h1 { font-size: 45px; } .jumbotron p, .jumbotron .btn { font-size: 18px; } .jumbotron .btn { display: block; margin: 0 auto; } /* Marketing on home */ .marketing h1 { font-size: 30px; } .marketing-byline { font-size: 18px; } /* Tighten up footer */ .footer { padding-top: 20px; padding-bottom: 20px; } }